<template>
  <div class="line-component">
    <div class="line"> </div>
    <p>{{text}}</p>
    <div class="line"> </div>
  </div>
</template>
<script>
  export default {
    props : ['text'],
    mounted(){

    }
  }
</script>
<style scoped>
  .line{
    height: 2rpx;
    width: 55rpx;
    border-top: 1px solid #000;
    margin: 0 5rpx;
  }
  .line-component{
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 27rpx;
    padding: 15rpx 0 0 0;
  }
</style>
